﻿<!DOCTYPE html>
<html manifest="appcache.manifest">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no, email=no">

    <title>我的WebApp</title>
    <link rel="apple-touch-icon-precomposed" href="icon.png" />
    <link href="css/common.css" rel="stylesheet" />
    <script src="js/jquery.js"></script>
    <link href="js/jquery.mobile/jquery.mobile-1.3.2.css" rel="stylesheet" />
    <script src="js/jquery.mobile/jquery.mobile-1.3.2.js"></script>
    <link href="js/jquery.mobile/demos/_assets/css/jqm-demos.css" rel="stylesheet" />

    <style>

    </style>
    <script>
        function pageinit() {
            $(window).bind("swipeleft", function() {
                $("#panel_right_btn").trigger("click");
            });
            $(window).bind("swiperight", function () {
                $("#panel_left_btn").trigger("click");
            });
        }
    </script>
</head>
<body onload="pageinit()">
    <div data-role="page" data-control-title="" id="page5">
        <div data-theme="b" data-role="header" data-position="fixed">
            <a id="panel_left_btn" data-role="button" href="#panel1" data-icon="bars" data-iconpos="notext" class="ui-btn-left"></a>
            <h3>主页</h3>
            <a id="panel_right_btn" data-role="button" href="#panel2" data-icon="info" data-iconpos="notext" class="ui-btn-right"></a>
        </div>
        <div data-role="content">
            <ul data-role="listview">
                <li data-role="list-divider">Friday, October 8, 2013 <span class="ui-li-count">6</span></li>
                <li>
                    <a href="page_dialog.html" data-rel="dialog" data-transition="slideup">下方的dialog</a>
                </li>
             <!--   <li>
                    <details>
                        <summary>点击查看更多</summary>
                        <p>交流与分享，拉近你和朋友，支持 MSN/GTalk/QQ、短信、手机 WAP</p>
                    </details>
                </li>-->
                <li>
                    <h3><a href="index.html">Stephen Weber</a></h3>
                    <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
                    <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the Jquery team.</p>
                    <p class="ui-li-aside"><strong>6:24</strong>PM</p>
                </li>
                <li>
                    <h3><a href="index.html">Jquery Team</a></h3>
                    <p><strong>Boston Conference Planning</strong></p>
                    <p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
                    <p class="ui-li-aside"><strong>9:18</strong>AM</p>
                </li>
                <li>
                    <h3><a href="index.html">Stephen Weber</a></h3>
                    <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
                    <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the Jquery team.</p>
                    <p class="ui-li-aside"><strong>6:24</strong>PM</p>
                </li>
                <li>
                    <h3><a href="index.html">Jquery Team</a></h3>
                    <p><strong>Boston Conference Planning</strong></p>
                    <p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
                    <p class="ui-li-aside"><strong>9:18</strong>AM</p>
                </li>
                <li>
                    <h3><a href="index.html">Stephen Weber</a></h3>
                    <p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
                    <p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the Jquery team.</p>
                    <p class="ui-li-aside"><strong>6:24</strong>PM</p>
                </li>
                <li>
                    <h3><a href="index.html">Jquery Team</a></h3>
                    <p><strong>Boston Conference Planning</strong></p>
                    <p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
                    <p class="ui-li-aside"><strong>9:18</strong>AM</p>
                </li>
            </ul>
        </div>
        <div data-role="panel" id="panel1" data-position="left" data-display="reveal" data-theme="c">
            <ul data-role="listview" data-divider-theme="h" data-inset="false">
                <li data-role="list-divider" role="heading">致远软件</li>
                <li data-theme="b">
                    <a href="page_grzx.html" data-transition="slide">个人中心</a>
                </li>
                <li data-theme="b">
                    <a href="#page1" data-transition="slide">协作群</a>
                </li>
                <li data-theme="b">
                    <a href="page_lxr.html" data-transition="slide">联系人</a>
                </li>
                <li data-theme="b">
                    <a href="page_sz.html" data-transition="slide">设置</a>
                </li>
                <li data-theme="b">
                    <a href="page_dw.html" data-transition="slide">地图</a>
                </li>
            </ul>
        </div>
        <div data-role="panel" id="panel2" data-position="right" data-display="reveal" data-theme="c">
            <h4 class="red"><strong>用户登录</strong></h4>
            <div data-role="fieldcontain">
                <label for="name">用户:</label>
                <input type="text" name="name" id="name" value="" />
            </div>
            <div data-role="fieldcontain">
                <label for="password">密码:</label>
                <input type="password" name="password" id="password" value="" />
            </div>
            <div>
                <a data-role="button" href="#panel1"  class="ui-btn-left">登录</a>
                <a data-role="button" href="#panel2"  class="ui-btn-right">注册</a>
            </div>
        </div>
    </div>
</body>
</html>
